<!DOCTYPE html>
<html id="bg">

<head>
    <%- include('./include/head', { siteTitle: themeConfig.siteName }) %>
</head>

<body>
    <%- include('./include/header') %>
        <div id="main">
            <div id="main-part">
                <div class="lite-item">
                    <article class="post post-type real-post">
                        <header class="post-type-header">
                            <% if (themeConfig.showFeatureImage && post.feature) { %>
                                <div class="thumbnail-link" style="background-image: url('<%= post.feature %>')"></div>
                                <% } else{%>
                                    <div class="thumbnail-link" style="background-color: transparent;"></div>
                                    <%}%>
                                        <div class="thumbnail-shadow">
                                            <h1 class="post-title">
                                                <%= post.title %>
                                            </h1>
                                            <div class="post-info">
                                                <span class="post-category"><i class="Card Card-novel"></i>
                                        <% post.tags.forEach(function(tag) { %>
                                            <span onclick="javascript:top.location='<%- tag.link %>'"><%- tag.name %></span>
                                                <% }); %>
                                                    </span>
                                                    <span class="post-view">
                                                    <% if (site.customConfig.valineVisitor) { %>
                                                        &nbsp;•&nbsp;
                                                    <span id="/post/<%= post.fileName %>/" class="leancloud_visitors" data-flag-title="<%= post.title%>">
                                                <i class="Card Card-view"></i>&nbsp;阅读量&nbsp;
                                                <i class="leancloud-visitors-count">0</i>
                                            </span>

                                                    <%}else if(site.customConfig.view == "on"){%>
                                                        &nbsp;•&nbsp;
                                                        <span class="post-meta-item-text"><i class="Card Card-view"></i>&nbsp;阅读量&nbsp;</span>
                                                        <span data-hk-page="current"> - </span>
                                                        <% } %>
                                                            </span>&nbsp;•&nbsp;

                                                            <span class="post-readtime">阅读时间:
                                            <%= (parseFloat(post.stats.time)/60.0/1000.0).toFixed(1).toString()%>分</span>
                                                            <span class="post-edit"></span></div>
                                        </div>
                                        <div class="post-relative">
                                            <img alt="<%= themeConfig.siteName %>" src="<%= themeConfig.domain %>/images/avatar.png?v=<%= site.utils.now %>" srcset="<%= themeConfig.domain %>/images/avatar.png?v=<%= site.utils.now %>" class="avatar avatar-100 photo" width="100" height="100">
                                            <span class="post-type-author"><a href="<%= themeConfig.domain %>" title="由<%= themeConfig.siteName %>发布" rel="author"><%= themeConfig.siteName %><i class="Card Card-certify"></i></a></span>
                                            <span class="post-publish"><i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;<%- post.dateFormat %></span>
                                        </div>
                        </header>
                        <div class="post-main post-type-main">
                            <div class="post-content">
                                <div class="post-content-real">
                                    <%- post.content %>
                                </div>
                            </div>
                            <% if(site.customConfig.donate==='on'){%>
                                <div class="reward ">
                                    <div class="reward-button ">&yen;
                                        <span class="reward-code "> 
                                            <span class="alipay-code "> <img class="alipay-img "  alt = "support " src="<%=site.customConfig.donate_alipay%>"><b>Alipay</b>                                                            </span>
                                        <span class="wechat-code "> <img alt ="support " class="wechat-img " src="<%=site.customConfig.donate_wechat%>"><b>Wechat</b> </span> </span>
                                    </div>
                                </div>
                                <%}%>
                        </div>
                        <div class="post-footer">
                            <div class="post-copyright">
                                作者:
                                <%= themeConfig.siteName %><br>永久链接:
                                    <a href="<%= post.link %>" title="<%= post.title %>">
                                        <%= post.link %>
                                    </a><br> 协议: MIT License
                            </div>
                        </div>
                    </article>
                </div>
                <style>
                    .prev:hover {
                        color: #2d96bd;
                        text-decoration: none;
                        text-align: center;
                        transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
                    }
                    
                    .next:hover {
                        color: #2d96bd;
                        text-decoration: none;
                        text-align: center;
                        transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
                    }
                </style>
                <div class="lite-item nearby-article">
                    <% if (post.prevPost && !post.hideInList) { %>
                        <div class="nearby-article-left" style="padding: 10px;">
                            <a class="prev" rel="prev" href="<%= post.prevPost.link %>">
                                <i class="fa fa-chevron-left"></i>
                                <%= post.prevPost.title %>
                            </a>
                        </div>
                        <% } %>
                            <% if (post.nextPost && !post.hideInList) { %>
                                <div class="nearby-article-right" style="padding: 10px;">
                                    <a class="next" rel="next" href="<%= post.nextPost.link %>">
                                        <%= post.nextPost.title %><i class="fa fa-chevron-right"></i>
                                    </a>
                                </div>
                                <% } %>
                </div>
                <!--Share-->
                <span style="margin-right:15px">
    <i class="post-share"></i>
    <span>&#x5206;&#x4EAB;:</span>
                <a title="QR 码" target="_blank" href="https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=<%= post.link %>"><i class="fa fa-qrcode"></i></a>
                <a title="QQ" target="_blank" href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=<%= post.link %>&sharesource=qzone&title=<%= post.title %>&pics=<%= themeConfig.domain %>/images/avatar.png?v=<%= site.utils.now %>&summary=<%= post.abstract %>"><i class="fa fa-qq"></i></a>
                <a title="新浪微博" target="_blank" href="https://service.weibo.com/share/share.php?url=<%= post.link %>&sharesource=weibo&title=<%= post.title%> + " - " + <%= post.abstract %>&pic="<%=themeConfig.domain %>/images/avatar.png?v=<%= site.utils.now %>"><i class="fa fa-weibo "></i></a>
                </span>
                <% if (typeof commentSetting !== 'undefined' && commentSetting.showComment) { %>
                    <% if (commentSetting.commentPlatform === 'gitalk') { %>
                        <%- include('./include/gitalk') %>
                            <% } else if (commentSetting.commentPlatform === 'disqus') { %>
                                <%- include('./include/disqus') %>
                                    <% } %>
                                        <% } %>
                                            <% if (site.customConfig.Valine==='on') { %>
                                                <%- include('./include/valine') %>
                                                    <% } %>
            </div>
            <%- include('./include/sidebar') %>
        </div>

</body>
<%- include('./include/footer') %>
    <script>
        renderMathInElement(document.body, {
            delimiters: [{
                left: "$$",
                right: "$$",
                display: true
            }, {
                left: "$",
                right: "$",
                display: false
            }]
        });
    </script>

</html>